<%@page import="qualomelhor.util.Util"%>
<% 
	String locale = (String)session.getAttribute("LOCALE");
	String p1 = request.getParameter("p1");
%>
<script type="text/javascript">
	pagina = "comparacao2";
</script>

<div id="divMain" style="position: absolute; top: 30px; width: 100%; height: 100%;">

	<div style="position: absolute; top: 0px; width: 100%; height: 300px;">
		<div id="playn-root" style="position: relative; width: 600px; height: 300px; margin: 0px auto;">
		</div>
	</div>

	<div id="divSelProd1" style="position: absolute; top: 15px; width: 32px; height: 32px; left: 15px;">
	</div>
	<div id="divProduto1" class="boxRounded boxShadow" style="position: absolute; top: 57px; width: 280px; height: 370px; left: 5px;">
	</div>

	<div id="divSelProd2" style="position: absolute; top: 15px; width: 64px; height: 32px; right: 15px;">
	</div>	
	<div id="divProduto2" class="boxRounded boxShadow" style="position: absolute; top: 57px; width: 280px; height: 370px; right: 5px;">
	</div>

	<div id="divPergunta" class="boxRounded boxShadow divCenter" style="position: relative; top: 390px; margin-right: 5px; margin-left: 5px; height: 200px; background-color: #4682B4; display: none;">
	</div>

</div>

<div id="divBloqueio">

</div>

<div id="divBloqueioSolido">
	<div style="position:relative; width: 300px; height: 100%; margin: 0px auto;">
		<div id="divPopupCentro" style="position:relative; top:50%; width: 300px; height:40px; margin-top:-20px; border: medium solid white; background-color: orange;">
			<div class="fontTexto4" style="vertical-align: middle; text-align: center; display: table-cell; width: 300px; height: 40px;"><%=Util.getConstant("Aguarde! Enviando...", locale)%></div>
		</div>
	</div>
</div>



<script type="text/javascript" src='/qualomelhor.gwt.modules.TestePlayN/qualomelhor.gwt.modules.TestePlayN.nocache.js'></script>
<script type="text/javascript" src='/qualomelhor.gwt.modules.Comparacao2Coisas/qualomelhor.gwt.modules.Comparacao2Coisas.nocache.js'></script>
<script type="text/javascript">

	function aguardaBackLoaded() {
		//alert("aguardando...");
		if (window.verificaBackgroundCarregado_j && window.verificaBackgroundCarregado_j()) {
			window.moveBackground_j($("#playn-root").offset().left, $("#playn-root").offset().top);
			setButtonsTrocaVisible_j(true);
			<% if (p1 != null) { %>
				setarProduto(<%=p1%>);
			<% } %>
			//alert("moveu!");
		} else {
			setTimeout("aguardaBackLoaded();", 200);
		}
	}

	function setarProduto(idProd) {
		//alert("window.verificaComparacaoCarregada_j = " + window.verificaComparacaoCarregada_j);
		if (window.verificaComparacaoCarregada_j && window.verificaComparacaoCarregada_j()) {
			
			//alert("window.verificaComparacaoCarregada_j = " + window.verificaComparacaoCarregada_j());
			window.setProduto1_j(idProd);
			//alert("produto foi setado...");
		} else {
			setTimeout("setarProduto(" + idProd + ");", 500);
		}
	}

	function showDivBloqueio() {
		document.getElementById("divBloqueio").style.display="block";
		document.getElementById("divBloqueioSolido").style.display="block";
	}

	aguardaBackLoaded();
	//alert("carregou!");
</script>